<template>
	<el-table
	  :data="tableData"
	  style="width: 100%"
	  stripe
	  ref="multipleTable"
	   :header-cell-style="{background:'#eef1f6',color:'#606266'}"
	>
		<el-table-column min-width="15%" type="selection"></el-table-column>
		<el-table-column prop="score" label="分数" sortable  width="80" />
		<el-table-column prop="student.name" label="学生姓名" sortable />
		<el-table-column prop="activity.description" label="活动名称" />
		<el-table-column prop="state" label="状态" :formatter="formatProtocolType"/>
		<!-- <el-table-column label="操作" width="120"> 
		   <template #default="scope">
				<el-popconfirm title="确定要删除吗?" @confirm="handleDelete(scope.row.id)">
				    <template #reference>
					  <el-button
						size="small"
						type="danger"
						@click=""
						 circle><el-icon><Delete /></el-icon></el-button>
				    </template>
				</el-popconfirm>
			</template>				
		</el-table-column> -->
	</el-table>  
</template>

<script setup>
	import {ref,toRefs,reactive,onMounted,getCurrentInstance} from 'vue'
	import{ useRouter } from 'vue-router'
	 let { proxy } = getCurrentInstance();
	let tableData=ref([]);
     
	function getTableData(){
		proxy.$http.get('/findmyActivity?id='+ window.sessionStorage.getItem('userId'),
		{"headers":{"token":window.sessionStorage.getItem("token")}})
		.then(res => {
			tableData.value=res.data.data;//把获取的服务端数据数组传递给tableData
			//因后台未返回总条数数据，只返回总页数，用页数乘以每页条数约等于总条数，页组件属性中用到这个变量，因本身不显示，显示总页数不影响
			//console.log(tableData.vale)
		})
		.catch(err => {
			console.log(err)
		});
	}
	
	//onMounted钩子函数，组件加载完自动执行
	onMounted(()=>{
		getTableData();  //请求第一页的表格数据
	});
	let form=ref({});
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	function  formatProtocolType(row) {
	  　　let type = row.state;
	 　　switch (type) {
	  　　　　case 1:
	  　　　　　　type = "通过";
	  　　　　　　break;
	  　　　　case 0:
	  　　　　　　type = "待审核";
	 　　　　　　break;
	 　　　　case 2:
	 　type = "未通过";
	break;
	 　　}
	 
	 　　return type;
	 
	 }
</script>



